<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/reset.css" rel="stylesheet" media="all" />
    <link href="css/style.css" rel="stylesheet" media="all" />
    <title>APPOP - Pedagóg - Pridanie testovej otázky</title>
</head>
<body>
	<div id="header">
    	<div class="w900">
            <h1 id="logo">
            	<a href="#" title="" class="teacher">APPOP - Pedagóg</a>
            </h1>
            <ul id="mainMenu">
                <li class="first"><a href="#" title="">Testy</a></li>
                <li><a href="#" title="">Zadania</a></li>
                <li><a href="#" title="">Skupiny</a></li>
            </ul>
            <div id="user">
                <span>Ste prihlásený ako: <em>Brigita Dlhá</em></span>
                <ul>
                    <li class="first"><a href="#" title="">Môj profil</a></li>
                    <li><a href="#" title="">Odhlásiť</a></li>
                </ul>
            </div>
		</div>
    </div>
    <div class="w900">
        <div class="w200">
			<div id="subMenu">
            	<h2>Testy</h2>
                <ul>
                	<li class="active">
                    	<a href="#" title="">Testové otázky</a>
                        <ul>
                        	<li class="active"><a href="#" title="">Pridanie</a></li>
                            <li><a href="#" title="">Úprava</a></li>
                        </ul>
                    </li>
                    <li><a href="#" title="">Vytvorenie prototypu</a></li>
                    <li><a href="#" title="">Test prorotypu</a></li>
                    <li><a href="#" title="">Sprístupnenie testu</a></li>
                    <li><a href="#" title="">Úprava výsledkov</a></li>
                    <li><a href="#" title="">Zverejnenie výsledkov</a></li>
                </ul>
            </div>
        </div>
        <div class="w700">
        	<div class="newForm">
            	<h3>Nová otázka</h3>
                <form action="#" method="post" enctype="multipart/form-data">
                	<fieldset>
                    	<label>Otázka</label> 
                        <input type="text" name="name" />
                        <label>Popis</label>
                        <textarea name="description"></textarea>
                        <label>Typ otázky</label>
                        <select name="type">
                        	<option value="1">Klasická otázka</option>
                            <option value="2">Viacnásobná otázka</option>
                            <option value="3">Textová otázka</option>
                        </select>
                        <label>Skupina otázok</label>
                        <select name="group" multiple="multiple" class="multi">
                        	<option value="1">Stromy</option>
                            <option value="2">Hashovanie</option>
                            <option value="3">Rady</option>
                            <option value="4">Zásobníky</option>
                        </select>
                        <label>Odpovede</label>
                        <div id="answers">
                        	<span>
		                        <input type="text" name="answer5[]" class="answer" /><input type="checkbox" name="answer" value="1" class="correct"/><label>Správna</label><a href="#" title="zmazať" onclick="deleteQuestion(this.parentNode); return false;">zmazať</a>
                            </span>
                        </div>
                        <div class="clear"></div>
                        <span class="add">
                        	<a href="#" title="" onclick="addQuestion('answers', 5); return false;">Pridať odpoveď</a>
                            <script type="text/javascript">
                            	function addQuestion(elementId, uid)
								{
									var questionElm = document.getElementById(elementId);
									var newElm = document.createElement('span');
									newElm.innerHTML = '<input type="text" name="answer' + uid + '[]" class="answer" /><input type="checkbox" name="answer" value="" class="correct"/><label>Správna</label><a href="#" title="zmazať" onclick="deleteQuestion(this.parentNode, 5); return false;">zmazať</a>';
									questionElm.appendChild(newElm); 
								}
								function deleteQuestion(element)
								{
									element.style.display = 'none';
								}
                            </script>
                        </span>
                        
                        <span class="submit">
                        	<input type="submit" value="Uložiť" />
                        </span>
                        <div class="clear"></div>
                        
                    </fieldset>
                </form>
            </div>
        </div>
        <div id="footer">
        	<p>Copyright &copy; 2009 Extreme Xpress</p>
	    </div>
    </div>
</body>
</html>
